<template>
    <div class="common-layout">
      <el-container>
        <el-aside width="200px">
          <!-- logo图标 -->
           <Logo/>
           <!-- 侧边栏 -->
            <SideMenu></SideMenu>
        </el-aside>
        <el-container>
          <el-header>
           <HeadMenu/>
          </el-header>
          <el-main>
           <router-view></router-view>
          </el-main>
        </el-container>
      </el-container>
    </div>
  </template>

<script setup lang="ts">
import SideMenu from "../../components/menus/SideMenu.vue"
import HeadMenu from "../../components/menus/HeadMenu.vue";
import Logo from "../../components/logo/Logo.vue";
import SideMenu2 from "@/components/menus/SideMenu2.vue";
</script>

<style scoped>
.common-layout{
  min-height: 100vh;
}
.el-aside{
  background-color: #282c34
}
.el-header{
  height: 50px;
}
</style>